﻿.clearfix:after 
{ 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix 
{
display:inline-block;
}
/* Hide from IE Mac */ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */
*{
    padding:0;
    margin:0;
    list-style:none;
    text-decoration: none;
    font-style: normal;
    font-family: "苹方";
}
/*public*/

body{
    background:url(../images/background.jpg) no-repeat;
    background-size:100%;
    height:45rem;
}
/*body*/
.title{
    background:url(../images/title.png) no-repeat;
    background-size:100% 100%;
    width:10.675rem;
    height:4.825rem;
    /*margin:2.325rem 0 0 4.325rem;*/
    margin:2.325rem auto 0;
}

/*title*/
.zhuanpan{
    background:url(../images/z_bg.png) no-repeat;
    background-size:100% 100%;
    width:17.15rem;
    height:17.175rem;
    /*margin:0.675rem 0 0 0.85rem;*/
    margin:0.675rem auto 0;
    position:relative;
    z-index:99;
}
#outer{
    background:url(../images/zhuan.png) no-repeat;
    background-size:100% 100%;
    width:12.775rem;
    height:12.8rem;
    position:absolute;
    top:2.225rem;
    left:2.15rem;
    z-index:100;
}
#inner{
    background:url(../images/button.png) no-repeat;
    background-size:100% 100%;
    width:5.15rem;
    height:5.875rem;
    position:absolute;
    top:5.45rem;
    left:6rem;
    z-index:101;
}

.boxyellow{
    position: absolute;
    top: 4rem;
    width:100%;
    background: #63B8FF;
    z-index: 997;
    border-radius: 0.25rem;
    border:0.1rem solid #63B8FF;
}
.box{
    border: 0.25rem solid #FFF;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
    overflow: hidden;
}
.px{
    margin: 0.5em 0;
    position: relative;
    box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.3) inset;
    background-color: #FFFFFF;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    border: 0.05rem solid rgba(0, 0, 0, 0.3);
    color: #333333;
    text-shadow: 0 0.05rem 0 #FFFFFF;
    display: block;
    width: 90%;
    padding: 0.3rem 0.5rem;
    font-size: 0.9rem;
    margin: 0.5rem 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
.pxbtn {
    background: #ff6501;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 ));
    background-image: -webkit-linear-gradient( #ffa201 , #ff6501 );
    background-image: -moz-linear-gradient( #ffa201 , #ff6501 );
    background-image: -ms-linear-gradient( #ffa201 , #ff6501 );
    background-image: -o-linear-gradient( #ffa201 , #ff6501 );
    background-image: linear-gradient( #ffa201 , #ff6501 );
    border: 0.05rem solid #ff6501;
    border-bottom: 0.05rem solid #d35605;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0.05rem 0 #FFFFFF;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    display: block;
    width: 97%;
    box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 0.1rem #BE4205;
    font-size: 0.9rem;
    padding: 0.25rem;
    margin: 0.5rem 0;
}
/*zhuan pan*/
.carline{
    position:relative;
}
.car{
    background:url(../images/car.png) no-repeat;
    background-size:100% 100%;
    width:18.75rem;
    height:6.25rem;
    position:absolute;
    top:-2.2rem;
    right:0rem;
    z-index:102;
}
/*car*/
.winners{
    width:16.8rem;
    margin:4.35rem auto;
    
    font-size:0.7rem;
}
.winners_title{
    float:left;
    width:5.45rem;
    height:1.575rem;
    background:url(../images/name.png) no-repeat;
    background-size:100% 100%;
}
.regular{
    float:right;
    text-decoration: underline;
    color:#fff;
    line-height: 1.575rem;
}
.winners .w_con{
    padding-top:0.675rem;
    width:15rem;
    color:#fff;
    text-indent:1rem;
    border:6px solid #ffe400;
    border-radius:0.5rem;
    margin:1.875rem auto 0;
    line-height: 1.4rem;
    padding-bottom:1rem;
    overflow: hidden;
    height:8rem;
}
.w_con dd{
    line-height:1.4rem;
}
.winners .name{
    display:inline-block;
    width:3rem;
    text-indent:0;
    text-align:center;
}
.mubu{
    position:fixed;
    background:#000;
    opacity: 0.4;
    top:0;
    left:0;
    z-index:999;
    display:none;
}
.tanchuang{
    position:fixed;
    z-index:1000;
    display:none;
    height:100%;
    width:100%;
    background:#000;
}
.close{
    position:absolute;
    width:1.25rem;
    height:1.25rem;
    top:-0.625rem;
    right:0rem;
    cursor: pointer;
    background:#000;
    z-index:1001;
    border-radius: 1.25rem;
}
.tan_con{
    padding-top:1rem;
    width:100%;
    background:#fff;
    overflow-y:scroll;
    opacity: 0.9;
    color:#fff;
    background:#000;
    font-size:0.9rem;
    line-height: 1.5rem;
}
.tan_con p{
    text-indent: 2rem;
    margin:0 1rem;
}
.close2{
    width:5.225rem;
    height:2.125rem;
    margin:1rem auto;
    background:url(../images/close.png) no-repeat;
    background-size:100% 100%;
}
p.head{
    color:#eea70a;
    font-size:0.9rem;
    text-align: center;
    text-indent:0;
}
